.alert-group {
	.breadcrumb {
		border-bottom: 1px solid var(--color-border-2);
	}

	.toolbox {
		display: flex;
		align-items: center;
		padding: 1rem 1.5rem 0;

		.balance-description {
			margin-left: 1rem;
			color: var(--color-text-3);
			font-size: var(--text-sm);
			user-select: none;
		}
	}

	.table {
		padding: 1rem 1.5rem;
		color: var(--color-text-2);
		line-height: 1;

		tr {
			height: 3rem;
			line-height: 2rem;
		}

		.contact {
			display: inline-flex;
			align-items: center;

			.verified-icon,
			.not-verified-icon {
				margin-left: 0.5em;
			}

			.verified-icon {
				color: var(--color-5);
				cursor: default;
			}

			.not-verified-icon {
				color: var(--color-warning);
				cursor: pointer;
			}
		}

		.actions {
			white-space: nowrap;

			.btn + .btn {
				margin-left: 1em;
			}
		}

		.name {
			padding-left: 5rem;
		}
	}
}

.delete-confirm-message {
	text-align: center;

	.notice-icon {
		width: 3rem;
		height: 3rem;
		margin-bottom: 0.5rem;
		color: var(--color-warning);
	}

	.message {
		margin-bottom: 0.5rem;
		text-align: left;
	}
}

.overlay {
	.table-conatiner {
		max-height: 6.25rem;
		overflow: auto;
		border-bottom: 1px solid var(--color-border-2);
		border-left: 1px solid var(--color-border-2);

		.table {
			position: relative;
			width: 100%;
			background: var(--color-bg);
			border-spacing: 0;

			.head {
				height: 1.5rem;
				color: var(--color-text);
				font-size: var(--text-xs);
				line-height: 1.5rem;
				text-align: left;

				& > td {
					position: sticky;
					top: 0;
					padding: 0 0.25rem;
					font-weight: normal;
					white-space: nowrap;
					word-wrap: break-word;
					background: var(--color-bg-3);
					border-top: 1px solid var(--color-border-2);
					border-right: 1px solid var(--color-border-2);
				}
			}

			.row {
				height: 1.5rem;
				color: var(--color-text-2);
				line-height: 1.5rem;

				& > td {
					padding: 0 0.25rem;
					font-size: var(--text-sm);
					white-space: nowrap;
					word-wrap: break-word;
					border-top: 1px solid var(--color-border-2);
					border-right: 1px solid var(--color-border-2);
				}
			}
		}
	}
}
.mt1rem {
	margin-top: 1rem;
	padding: 0 1.5rem;
}
.newtable {
	:global {
		.ant-table-measure-row > td:first-child {
			min-width: 56px !important;
		}
		.ant-table-selection-column {
			min-width: 56px !important;
		}
	}
	.receivers {
		position: relative;

		/* display: flex;
			align-items: center; */

		.img {
			display: inline-block;
			width: 1rem;
			height: 1rem;
			margin: 0 0.25rem;
			vertical-align: text-bottom;
		}
	}
}
.batch-remove {
	margin-top: 1rem;
	margin-left: 1.5rem;
}
.df {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 1rem;
	margin-right: 1.5rem;
}
.nobor {
	min-height: 210px;
	border: 0;
}
:global {
	.ant-table {
		.ant-table-tbody > tr.ant-table-row-selected > td {
			background-color: #fff;
		}
		.ant-table-wrapper {
			min-height: 282px;
		}
	}
}
.ml16 {
	margin-left: 16px;
}
.jobsNum {
	display: inline-block;
	width: 42px;
}
.main_text {
	color: #1e7cdc;
	cursor: pointer;
}
.w800 {
	top: 60px !important;
	width: 1100px !important;
}
.p20 {
	padding: 20px;
	:global {
		tbody {
			max-height: 280px;
			overflow: auto;
		}
	}
}
:global {
	.rc-tabs-tabpane {
		overflow: hidden !important;
	}
	.ant-checkbox {
		&:hover {
			border-color: #0b6fd6 !important;
		}
	}
	.ant-checkbox.ant-checkbox-checked {
		.ant-checkbox-inner {
			background-color: #0b6fd6 !important;
			border-color: #0b6fd6 !important;
		}
	}
}
.searchBox {
	position: absolute;
	right: 26px;
	display: flex;
	justify-content: space-between;
	width: 620px;
}
.searchBtn {
	width: 170px;
}
